#######################################################################
#SCROLLBARS
#######################################################################

###########
# Vertical
###########

style "scrollbar_v"
{
	GtkRange::slider_width				= 15
	GtkScrollbar::min_slider_length		= 16
	GtkRange::stepper_size				= 17
	GtkRange::trough_border			= 0
	GtkRange::activate_slider			= 1  #makes the slider pressable -- only works with a patched gtk right now
	
	GtkScrollbar::arrow_displacement_y	= 1

	
		

	engine "experience" 
	{
	
	### Trough
	
		group "trough_horizontal"
		{
			function						= BOX
			detail						= "trough"
			orientation					= HORIZONTAL
			
			image 10 {	file				= "images/scrollbar/scrollbar_trough.png"
						width = 1 px
						repeat = { 0, 0, 1, 1 }
						border = { 0, 0, 2, 2 }
						padding = { 2, 2, 0, 0 } }

		}


		group "trough_vertical" = "trough_horizontal"
		{
			orientation				= VERTICAL
			rotate					= CCW
		}


	### Buttons

		group "scroll_button_normal"
		{
			function						= BOX
			state						= NORMAL
			padding						= { 1, 1, 1, 1}
						
			fill 9 {		color			= base[normal] }
			
			image 10 {	file				= "images/button/blue_base1.png"
						recolor "#ff0000"	= base[normal]
						border			= { 1,1,1,1 }
						padding			= { -1, -1, -1, -1 }
						draw_components	= BORDER }
			
			fill 19 {		color			= base[selected]
						brightness		= 0.4
						saturation		= 0.8
						padding		= { 2, 2, 2, 2 } }
						
			image 20 {	file				= "images/button/blue_base2.png"
						recolor "#ff0000"	= base[selected]
						border			= { 2, 2, 2, 2 }
						brightness		= 0.4
						saturation		= 0.8
						interpolation_type	= NEAREST
						draw_components	= BORDER  }
			
			image 30 {	file				= "images/button/blue_light.png"
						border			= { 4, 4, 4, 4 }
						recolor "#ff0000"	= base[selected]
						opacity			= 0.15
						brightness		= -0.3
						rotate			= AROUND }
			
			image 40 {	file				= "images/button/blue_light.png"
						border			= { 4, 4, 4, 4 }
						recolor "#ff0000"	= base[selected]
						brightness		= 0.8
						opacity			= 0.7 }
			
			image 50 {	file				= "images/button/blue_frame.png"
						border			= { 1, 1, 1, 1 }
						recolor "#ff0000"	= bg[selected]
						brightness		= 0
						opacity			= 0.2 }
		}

		group "scroll_button_prelight" = "scroll_button_normal"
		{
			state						= PRELIGHT
			
			fill 19 {		brightness		= 0.47
						saturation		= 0.7 }
			image 20 {	brightness		= 0.47
						saturation		= 0.7 }		
		}


		group "scroll_button_active" = "scroll_button_normal"
		{
			state						= ACTIVE
			
			image 20 {	brightness		= 0.3}
			
			image 30 {	opacity			= 0.6
						brightness		= 0.4 }
			
			image 40 {	opacity			= 0.6
						brightness		= -0.1 }
		}
		
		group "scroll_button_insensitive" = "scroll_button_normal"
		{
				state				= INSENSITIVE
				opacity				= 0.5
		}



		###Slider

		group "scroll_slider_normal_h" = "scroll_button_normal"
		{
			function						= SLIDER
			orientation					= HORIZONTAL
			
			image 60 {	file				= "images/scrollbar/scrollbar_grip.png"
						recolor "#ff0000"	= base[selected]
						opacity			= 0.4
						width			= 1 is
						height			= 1 is
						pos				= 0 }
			
			image 70 {	file				= "images/scrollbar/scrollbar_grip.png"
						recolor  "#ff0000"	= base[selected]
						brightness		= 0.8
						opacity			= 0.6
						width			= 1 is
						height			= 1 is
						rotate			= AROUND
						pos				= 0 }
		}
		
		group "scroll_slider_prelight_h" = "scroll_slider_normal_h"
		{
			function						= SLIDER
			orientation					= HORIZONTAL
			state						= PRELIGHT
			
			
			fill 19 {		brightness		= 0.47
						saturation		= 0.7 }
			image 20 {	brightness		= 0.47
						saturation		= 0.7 }	
		}
						
		group "scroll_slider_active_h" = "scroll_button_active"
		{
				function					= SLIDER
				orientation				= HORIZONTAL
				
				image 60 {	file			= "images/scrollbar/scrollbar_grip.png"
						recolor "#ff0000"	= base[selected]
						opacity			= 0.4
						width			= 1 is
						height			= 1 is
						xpos			= 0
						ypos			= 0+1 px }
			
				image 70 {	file			= "images/scrollbar/scrollbar_grip.png"
						recolor  "#ff0000"	= base[selected]
						brightness		= 0.8
						opacity			= 0.6
						width			= 1 is
						height			= 1 is
						rotate			= AROUND
						xpos			= 0
						ypos			= 0+1 px }
		}
		
		group "scroll_slider_insensitive_h" = "scroll_slider_normal_h"
		{
				state				= INSENSITIVE
				opacity				= 0.5
		}
		
		
		group "scroll_slider_normal_v" = "scroll_slider_normal_h"
		{
			function						= SLIDER
			orientation					= VERTICAL
			
			image 60 {	rotate			= CCW
						mirror			= HORIZONTAL }
			
			image 70 {	rotate			= CW
						mirror			= HORIZONTAL }
		}
		
		group "scroll_slider_prelight_v" = "scroll_slider_prelight_h"
		{
			function						= SLIDER
			orientation					= VERTICAL
			
			image 60 {	rotate			= CCW
						mirror			= HORIZONTAL }
			
			image 70 {	rotate			= CW
						mirror			= HORIZONTAL }
		}
		
		group "scroll_slider_active_v" = "scroll_slider_active_h"
		{
			function						= SLIDER
			orientation					= VERTICAL
			
			image 60 {	rotate			= CCW
						mirror			= HORIZONTAL }
			
			image 70 {	rotate			= CW
						mirror			= HORIZONTAL }
		}
		
		group "scroll_slider_insensitive_v" = "scroll_slider_normal_v"
		{
				state				= INSENSITIVE
				opacity				= 0.5
		}
		


	###Arrows on Buttons

	#### Arrow Left

		group "arrow_scroll_left_normal" = "arrow_left_normal-template"
		group "arrow_scroll_left_prelight" = "arrow_left_prelight-template"
		group "arrow_scroll_left_active" = "arrow_left_active-template"
		group "arrow_scroll_left_insensitive" = "arrow_left_insensitive-template"

	###Arrow Right

		group "arrow_scroll_right_normal" = "arrow_right_normal-template"
		{
			padding						= {1,0,0,0 }
		}

		group "arrow_scroll_right_prelight" = "arrow_right_prelight-template"
		{
			padding						= {1,0,0,0 }
		}
		
		group "arrow_scroll_right_active" = "arrow_right_active-template"
		{
			padding						= {1,0,0,0 }
		}
		
		group "arrow_scroll_right_insensitive" = "arrow_right_insensitive-template"
		{
			padding						= {1,0,0,0 }
		}

	###Arrow Up

		group "arrow_scroll_up_normal" = "arrow_up_normal-template"
		group "arrow_scroll_up_prelight" = "arrow_up_prelight-template"
		group "arrow_scroll_up_active" = "arrow_up_active-template"
		group "arrow_scroll_up_insensitive" = "arrow_up_insensitive-template"
		
	###Arrow Down

		group "arrow_scroll_down_normal" = "arrow_down_normal-template"
		{
			padding						= { 0, 0, 1,0 }
		}

		group "arrow_scroll_down_prelight" = "arrow_down_prelight-template"
		{
			padding						= { 0, 0, 1,0 }
		}
		
		group "arrow_scroll_down_active" = "arrow_down_active-template"
		{
			padding						= { 0, 0, 1,0 }
		}
		
		group "arrow_scroll_down_insensitive" = "arrow_down_insensitive-template"
		{
			padding						= { 0, 0, 1,0 }
		}

	}
}
